<template>
    <div class="wrapper">
      <myHeader :obj="myObj" @events="events"></myHeader>
      <main>
        <div class="bigFace">
          <div class="iconWrap">
            <div class="icons">
              <i class="praise"></i>
              <i class="hdol"></i>
              <i class="toMessage"></i>
            </div>
            <div class="close"></div>
            
          </div>
        </div>
        <div class="infos">
          <div class="contentInfo">亚索<span>虎牙主播、订阅走,亚索天天有</span></div>
          <div class="btns">
            <span>屏蔽</span>
            <span class="pink">关注+</span>
          </div>
        </div>
        <div class="position">
          <div class="pos">
            <i></i><p class="p_0309">地址很长可能会使74号天天吞吞吐吐拖拖拖拖拖拖拖拖拖拖</p>
          </div>
          <time class="time_0309">发布时间：2017-10-30</time>
        </div>
        <article class="article_0309">
          <h2 class="h2_0309">关于行家</h2>
          <p class="text_0309">马正Marshall，投资、法律和创业圈的跨界人士。毕业于北京大学法学院，同时拿了北大毕业生标配的经济学双学位，三年后于美国常春藤康奈尔大学获得法律博士学位。<br><br>
归国后，央行外汇储备经营部门工作4年有余。参与国家4万亿外汇储备的海外投资和法律事务，与华尔街顶级私募基金和对冲基金数次项目合作，海外投资和风控经验丰富。<br><br>
2015年底与合伙人创立律格资本，业务包括中美科技独角兽股权投资、教育和医疗并购基金和家族办公室业务。2016年完成的投资包括滴滴打车、Magic Leap等。<br><br>
Marshall业余喜爱写作，分享投资基金运营过程中的心得，欢迎关注“Marshall说投资”知乎专栏或添加“律格资本”微信公众号。<br><br></p>
        </article>
      </main>
      
    </div>
</template>
<script>
import myHeader from './base/myHeader';
export default {
  data () {
    return {
      myObj: {
        type: 2,
        text: "行家"
      }
    }
  },
  methods: {
    events(i){
      if(i == 2){
         history.back();
      }else if (i == 3){

      }

    }
  },
  components: {
    myHeader,
  }
}

</script>
<style lang="less">
  .wrapper {
    width: 3.75rem;
    main {
      width: 3.75rem;
      height: 100%;
      padding-top: .44rem;
      position: absolute;
      top: 0;
      left: 0;
      overflow-y: auto;
      box-sizing: border-box;
      .article_0309 {
        width: 3.75rem;
        padding: .1rem .15rem;
        box-sizing: border-box;
        background: white;
        .text_0309 {
          color: #39393D;
          font-size: .14rem;
          line-height: .14rem;
          text-align: justify;
        }
        .h2_0309 {
          font-size: .14rem;
          color: #39393D;
          margin-bottom: .14rem;
        }
      }
      .position {
        width: 100%;
        height: .39rem;
        background: white;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 .14rem;
        box-sizing: border-box;
        margin-bottom: .1rem;
        .time_0309 {
          width: 1.3rem;
          text-align: right;
          overflow: hidden;
          text-overflow:ellipsis;
          white-space: nowrap;
          color: #4A4A4A;
        }
        .pos {
          width: 2.1rem;
          display: flex;
          
          .p_0309 {
            width: 1.9rem;
            line-height: .13rem;
            overflow: hidden;
            text-overflow:ellipsis;
            white-space: nowrap;
            color: #4A4A4A;
          }
          i {
            display: block;
            width: .1rem;
            height: .13rem;
            background: url("../assets/img/icon_map@3x.png") center center;
            background-size: cover;
            background-repeat: no-repeat;
            margin-right: .1rem;
          }
        }
      }
      .infos{
        width: 100%;
        height: .35rem;
        background: #d8d2d2;
        padding: 0 .14rem;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        .contentInfo {
          width: 2.2rem;
          height: .35rem;
          display: flex;
          align-items: center;
          font-size: .14rem;
          color:#39393D;
          font-weight: bold;
          span {
            display: block;
            height: .35rem;
            line-height: .35rem;
            width: 1.54rem;
            padding-left: .08rem;
            font-weight:  400;
            overflow: hidden;
            text-overflow:ellipsis;
            white-space: nowrap;
          }
        }
        .btns {
          width: 1.22rem;
          height: .35rem;
          display: flex;
          align-items: center;
          span {
            width: .56rem;
            height: .2rem;
            line-height: .2rem;
            border-radius: .04rem;
            background-color: rgba(74, 74, 74, 1);
            display: block;
            color: white;
            text-align: center;
            &.pink {
              background: #FF6969;
              margin-left: .1rem;
            }

          }
        }
      }
      .bigFace {
        width: 100%;
        height: 3.4rem;
        background: url("../assets/img/person/2.jpg") center center;
        background-size: cover;
        background-repeat: no-repeat;
        .iconWrap {
          padding: .1rem .15rem 0;
          
          .icons {
            display: flex;
            i {
              display: block;
              width: .25rem;
              height: .25rem;
              border-radius: 50%;
              margin-right: .1rem;
              &.praise {
                background: url("../assets/img/icon_good_off@3x.png") center center;
                background-size: cover;
                background-repeat: no-repeat;
              }
              &.hdol {
                background: url("../assets/img/icon_hdol-off@3x.png") center center;
                background-size: cover;
                background-repeat: no-repeat;
              }
              &.toMessage {
                background: url("../assets/img/icon_message@3x.png") center center;
                background-size: cover;
                background-repeat: no-repeat;
              }
            }
          }
        }
      }
    }
  }
</style>
